<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<title>Superfish - Suckerfish on 'roids | vertical layout example</title>
		<meta name="description" content="A demonstration of the Superfish plugin using a vertical layout for the menu.">
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<!--link rel="stylesheet" type="text/css" href="../../assets/css/demo.css" media="screen,print"-->
		<link rel="stylesheet" type="text/css" href="vertical.css" media="screen">
		<script type="text/javascript" src="/cubes/js/jQuery/jquery-1.2.1.pack.js"></script>

		<script type="text/javascript" src="helperPlugins.js"></script>
		<script type="text/javascript" src="superfish.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$(".nav")
			.superfish({
				animation : { opacity:"show",height:"show"}
			});
		});
		</script>
	</head>
	<body id="home">
		<div id="wrap">
			<h1>Superfish v1.3.4<small> by Joel Birch</small></h1>

			<h2>An enhanced Suckerfish-style menu plugin for jQuery.</h2>
			<h3>Example:</h3>
			<p>This demonstrates a vertical menu using Superfish. The <a href="vertical.css">CSS file for this example</a> is now fully tested and works in all supported browsers (see main demo page).</p>
			<ul class="nav">
				<li>
					<a href="#">menu item &#8594;</a>

					<ul>
						<li>
							<a href="#">menu item &#8594;</a>
							<ul>
								<li>
									<a href="#">menu item &#8594;</a>
									<ul>
										<li><a href="#">menu item</a></li>

										<li><a href="#">menu item</a></li>
										<li><a href="#">menu item</a></li>
										<li><a href="#">menu item</a></li>
										<li><a href="#">menu item</a></li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</li>

			</ul>
		</div>

	</body>
</html>